<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <meta charset="utf-8" />
    <title>Metronic | Layouts - Blank Page</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="{{ static_url("metronic/media/css/bootstrap.min.css")}}" rel="stylesheet" type="text/css"/>
    <link href="{{ static_url("metronic/media/css/bootstrap-responsive.min.css")}}" rel="stylesheet" type="text/css"/>
    <link href="{{ static_url("metronic/media/css/font-awesome.min.css")}}" rel="stylesheet" type="text/css"/>
    <link href="{{ static_url("metronic/media/css/style-metro.css")}}" rel="stylesheet" type="text/css"/>
    <link href="{{ static_url("metronic/media/css/style.css")}}" rel="stylesheet" type="text/css"/>
    <link href="{{ static_url("metronic/media/css/style-responsive.css")}}" rel="stylesheet" type="text/css"/>
    <link href="{{ static_url("metronic/media/css/default.css")}}" rel="stylesheet" type="text/css" id="style_color"/>
    <link href="{{ static_url("metronic/media/css/uniform.default.css")}}" rel="stylesheet" type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link rel="stylesheet" type="text/css" href="{{ static_url("metronic/media/css/select2_metro.css")}}" />
    <link rel="stylesheet" href="{{ static_url("metronic/media/css/DT_bootstrap.css")}}" />
    <!-- END PAGE LEVEL STYLES -->
    <link rel="shortcut icon" href="{{ static_url("metronic/media/image/favicon.ico")}}" />
</head>
<!-- END HEAD -->

<!-- BEGIN BODY -->
<body class="page-header-fixed">
    <!-- BEGIN HEADER -->
    <div class="header navbar navbar-inverse navbar-fixed-top">
        <!-- BEGIN TOP NAVIGATION BAR -->
        <div class="navbar-inner">
            <div class="container-fluid">
                <!-- BEGIN LOGO -->
                <a class="brand" href="index.html">
                <img src="{{ static_url("metronic/media/image/logo.png")}}" alt="logo" />
                </a>
                <!-- END LOGO -->
                <!-- BEGIN RESPONSIVE MENU TOGGLER -->
                <a href="javascript:;" class="btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse">
                <img src="{{ static_url("metronic/media/image/menu-toggler.png")}}" alt="" />
                </a>
                <!-- END RESPONSIVE MENU TOGGLER -->
                <!-- BEGIN TOP NAVIGATION MENU -->
                <ul class="nav pull-right">
                    <!-- BEGIN INBOX DROPDOWN -->
                    <li class="dropdown" id="header_inbox_bar">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <i class="icon-envelope"></i>
                        <span class="badge">5</span>
                        </a>
                        <ul class="dropdown-menu extended inbox">
                            <li>
                                <p>You have 12 new messages</p>
                            </li>
                            <li>
                                <a href="inbox.html?a=view">
                                <span class="photo"><img src="media/image/avatar2.jpg" alt="" /></span>
                                <span class="subject">
                                <span class="from">Lisa Wong</span>
                                <span class="time">Just Now</span>
                                </span>
                                <span class="message">
                                Vivamus sed auctor nibh congue nibh. auctor nibh
                                auctor nibh...
                                </span>  
                                </a>
                            </li>
                            <li class="external">
                                <a href="inbox.html">See all messages <i class="m-icon-swapright"></i></a>
                            </li>
                        </ul>
                    </li>
                    <!-- END INBOX DROPDOWN -->

                    <!-- BEGIN USER LOGIN DROPDOWN -->
                    <li class="dropdown user">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <img alt="" src="media/image/avatar1_small.jpg" />
                        <span class="username">Bob Nilson</span>
                        <i class="icon-angle-down"></i>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="extra_profile.html"><i class="icon-user"></i> My Profile</a></li>
                            <li><a href="page_calendar.html"><i class="icon-calendar"></i> My Calendar</a></li>
                            <li><a href="inbox.html"><i class="icon-envelope"></i> My Inbox(3)</a></li>
                            <li><a href="#"><i class="icon-tasks"></i> My Tasks</a></li>
                            <li class="divider"></li>
                            <li><a href="extra_lock.html"><i class="icon-lock"></i> Lock Screen</a></li>
                            <li><a href="login.html"><i class="icon-key"></i> Log Out</a></li>
                        </ul>
                    </li>
                    <!-- END USER LOGIN DROPDOWN -->
                </ul>
                <!-- END TOP NAVIGATION MENU --> 
            </div>
        </div>
        <!-- END TOP NAVIGATION BAR -->
    </div>
    <!-- END HEADER -->

    <!-- BEGIN CONTAINER -->
    {% block main %}
    {% end%}
    <!-- END CONTAINER -->

    <!-- BEGIN FOOTER -->
    <div class="footer">
        <div class="footer-inner">
            2013 &copy; Metronic by keenthemes.Collect from <a href="#" title="溯云" target="_blank">溯云</a>
        </div>
        <div class="footer-tools">
            <span class="go-top">
            <i class="icon-angle-up"></i>
            </span>
        </div>
    </div>
    <!-- END FOOTER -->

    <!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
    <!-- BEGIN CORE PLUGINS -->
    <script src="{{ static_url("metronic/media/js/jquery-1.10.1.min.js")}}" type="text/javascript"></script>
    <script src="{{ static_url("metronic/media/js/jquery-migrate-1.2.1.min.js")}}" type="text/javascript"></script>
    <!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
    <script src="{{ static_url("metronic/media/js/jquery-ui-1.10.1.custom.min.js")}}" type="text/javascript"></script>
    <script src="{{ static_url("metronic/media/js/bootstrap.min.js")}}" type="text/javascript"></script>
    <!--[if lt IE 9]>
    <script src="{{ static_url("metronic/media/js/excanvas.min.js")}}"></script>
    <script src="{{ static_url("metronic/media/js/respond.min.js")}}"></script>
    <![endif]-->
    <script src="{{ static_url("metronic/media/js/jquery.slimscroll.min.js")}}" type="text/javascript"></script>
    <script src="{{ static_url("metronic/media/js/jquery.blockui.min.js")}}" type="text/javascript"></script>
    <script src="{{ static_url("metronic/media/js/jquery.cookie.min.js")}}" type="text/javascript"></script>
    <script src="{{ static_url("metronic/media/js/jquery.uniform.min.js")}}" type="text/javascript" ></script>
    <!-- END CORE PLUGINS -->
    <script src="{{ static_url("metronic/media/js/app.js")}}"></script>
    // <script>
    //     jQuery(document).ready(function() {
    //        App.init();
    //     });
    // </script>
        <script src="{{ static_url("metronic/media/js/app/table-managed.js")}}"></script>     

    <script>

        jQuery(document).ready(function() {       

           App.init();

           TableManaged.init();

        });

    </script>

    <!-- END JAVASCRIPTS -->
</body>
<!-- END BODY -->
</html>